<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程介绍</title>
</head>
<body>
    <div class="introduction-map dpflex fdcolumn">
        <!-- 视频预览 -->
        <div class="video">
            <video id="video" controls>
            </video>
            <div class="return2">
                <a id="goBlack">
                    <i class="iconfont icon-xiangzuo"></i>
                </a>
            </div>
            <!-- 返回上一层 -->
            <!-- 视频蒙层 -->
            <div class="mask" id="mask">
                <p>
                    <i class="iconfont icon-bofang"></i>
                    <i class="iconfont   icon-ai07"></i>
                    <span>视频预览</span>
                </p>
            </div>
        </div>

        <!-- 巧克力腹肌雕刻 -->
        <div class="abdominal dpflex fdcolumn">
            <p class="text" id="name"></p>
            <div class="msg dpflex">
                <p><span id="calorie"></span>千卡</p>
                <p><span id="time"></span>分钟</p>
                <p> <span id="peoplenum"></span>W人练过  ></p>
            </div>
            <span class="line"></span>
        </div>
        <!-- 用户名 -->
        <div class="username dpflex fdcolumn">
            <div class="usertop dpflex">
                <img alt="" id="imgurl">
                <div class="name">
                    <p class="text">用户名</p>
                    <span>三线达人课程设计师</span>
                </div>
                <button class="btn">+关注</button>
            </div>
            <p class="userbuttom" id="desc"><span>...更多</span></p>
        </div>
        <!-- 练习次数&器械 -->
        <div class="sport-num dpflex">
            <div class="sport-left dpflex fdcolumn">
                <div class=" dpflex">
                    <span class="iconfont icon-hengxiangliebiao"></span>
                    <p>练习频次</p>
                </div>
                <p class="text">每周 <span id="frequency"></span> 次</p>
            </div>
            <span class="iconfont icon-xuxian-feijidongche"></span>
            
            <div class="sport-right dpflex fdcolumn">
                <div class=" dpflex">
                    <span class="iconfont icon-jianshen"></span>
                    <p>器械</p>
                </div>
                <p class="text" id="instrument">无</p>
            </div>
        </div>
        <!-- 开始训练 -->
        <button class="start-train dpflex" id="startBtn">开始训练</button>
    </div>
</body>
</html>